/* eslint-disable react/jsx-key */
const data = ["语雀的天空", "Ant Design", "蚂蚁金服体验科技", "TechUI", "TechUI 2.0", "Bigfish", "Umi", "Ant Design Pro"].map(
	item => {
		return <>12312</>;
	}
);
import styles from "../style/cardlist.less";
// ({
//   title: item,
//   img: 'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
//   subTitle: <Tag color="#5BD8A6">语雀专栏</Tag>,
//   actions: [<a key="run">邀请</a>, <a key="delete">删除</a>],
//   avatar: 'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
//   content: (
//     <div
//       style={{
//         flex: 1,
//       }}
//     >
//       <div
//         style={{
//           width: 200,
//         }}
//       >
//         <div>发布中</div>
//       </div>
//     </div>
//   ),
// })
export default () => {
	return (
		<>
			<div className={styles["card-container"]}>
				{["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""].map(item => {
					return (
						<div className={styles.selectable} style={{ width: "10%" }}>
							<div className={styles["file-card"]}>
								<div className={styles["file-card-item"]}>
									<div className="node-card-container">
										<div className={styles["outer-wrapper"]}>
											<div className={styles["node-card"]}>
												<div className={styles.cover}>
													<div className={styles["file-cover"]}>
														<img
															className={styles["file-panel"]}
															src="http://127.0.0.1:9000/maomao/2023/11/24/3c76f937975743bea4a98e8d5d2eeaaa.jpg"
														/>
														<div className={styles["overlay-layer"]}></div>
													</div>
												</div>
												<div className={styles.info}>
													<p className={styles.title}>01FC0638-F453-4E2F-BDD6-6EE46A7A6BDC.jpeg</p>
													<p className={styles.desc}>16/02 02:06</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					);
				})}
			</div>
		</>
	);
};
